<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>天天</title>
<style type="text/css">
  *{
  	margin:0;
	padding:0;
	font-size:12px;
   }
   
 #top{
 	margin:0 auto;
 	width:100%;
	height:30px;
	vertical-align:middle;
	line-height:30px;
	text-align:right;
	color:#0B00D9;
 }
 
 #top a{
 	color:#0B00D9;
 }

 #top a:hover{
 	color:red;
 } 

 #top span{
	margin:0 2px; 
 }
 
 .teshu{
 	width:30px;
 }
 
 #mid{
	margin:0 auto;
	width:500px;
	height:400px;
	margin-top:40px;
 }
 
 #logo{
	width:100%;
	height:auto;
	text-align:center;
	vertical-align:top;
 }
 
 #logo span{
 	height:auto;
	background:#F0FAFC;
	color:#888B8B;
	padding:3px;
 } 
 
 #prod{
	width:100%;
	height:25px;
	vertical-align:middle;
	text-align:center;
	margin-top:20px;
	font-size:14px;
	margin-top:50px;
 } 
 
 #prod span{
	margin:0 15px;
	font-size:14px;
 }  
 
 #prod a{
	color:#0B00D9;
	font-size:14px;
	text-decoration:underline; 
 } 
 
 #prod a:hover{
	color:#000000;
	font-size:14px;
	text-decoration:none;
 }   
 
 #seek{
	width:100%;
	height:30px;
	vertical-align:middle;
	line-height:30px;
	text-align:center; 
 }
 
 .sekfrm{
	width:380px;
	height:28px;
	border:1px solid #7F9DB9;
 	vertical-align:middle;
	line-height:28px;
	text-align:left;
	text-indent:8px;
	font-size:14px;
 }
 
 .sekbtn{
 	width:76px;
	height:26px;
	vertical-align:middle;
	line-height:26px;
	text-align:center;
	margin-left:10px;
	/*border:1px solid #7F9DB9;*/
	cursor:pointer;
	background:url(images/tt_btn.gif) center center no-repeat;
	border:none;		
 } 
 
 #sethmpg{
	width:100%;
	height:auto;
	margin-top:200px;
	text-align:center; 
	color:#0B00D9;
 }
 
 #sethmpg a{
	color:#0B00D9;	
 }
 
 #sethmpg a:hover{
	color:red;	
 }  
 
 #beian{
	width:100%;
	height:auto;
	margin-top:30px;
	text-align:center;
	color:#8F8CCA; 
 }
 
 #beian a{
	color:#8F8CCA;	
 }

</style>
</head>
<body>
  <div id="top">
  	<span><a href="#">登录</a></span>
    <span>|</span>
    <span><a href="#">注册</a></span>
    <span class="teshu">&nbsp;</span>
  </div>
  
  <div id="mid">
  	<div id="logo">
       <img src="images/logo.gif" />
       <span>测试版</span>
    </div>
    
  	<div id="prod">
	   <span><a href="#">活动</a></span>
       <span><a href="#">朋友</a></span>
       <span><a href="#">本地</a></span>
    </div>
    
    <div id="seek">
      <form> 
       <input type="text" name="keywd" value="" class="sekfrm"/>
       <input type="submit" name="submit" value="" class="sekbtn" />
      </form>
    </div>
    
    <div id="sethmpg">
    	<a href="javascript:void(0);">把天天设为首页</a>
    </div>

    <div id="beian">
    	<span>&copy;2011</span>
        <span><a href="#">使用天天前必读</a></span>
        <span><a href="#">沪ICP110189</a></span>
    </div>   
  </div>  
</body>
</html>
